<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>1024T</title>
		<!-- Mobile Specific Metas
  ================================================== -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- CSS
  ================================================== -->
		<!-- Bootstrap -->
		<link href="assets/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" href="css/animate.css">
		<link rel="stylesheet" href="css/prettyPhoto.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/main.csss">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>
	<body data-spy="scroll" data-target=".main-nav">
		<section id="section-banner" class="hidden-xs hidden-sm">
			<div class="container">
				<div class="row">
					<div class="banner-content wow fadeInRight">
						<h2 class="title"> 
	    					您好,<br/>
							<span>
				我们是1024T, <br/> 
							为您提供优质的互联网技术服务,让您更加舒适。 </span>
    				</h2>
						<a href="#section-menu" class="btn btn-default">了解我们</a>
					</div>
				</div>
			</div>
		</section>
		<!-- section menu start -->
		<section class="section-menu" id="section-menu">
			<div class="navbar navbar-default main-nav" role="navigation">
				<div class="container">
					<div class="navbar-header">
						<!--六芒星logo位置-->
						<a href="#" class="navbar-brand">1024T</a>
					</div>
					<!-- navbar-header end -->
					<!-- main nav  -->
					<div class="collapse navbar-collapse navigation" id="bs-example-navbar-collapse-1" role="navigation">
						<ul class="nav navbar-nav navbar-right">
							<li class="active">
								<a href="#section-banner">首页 </a>
							</li>
							<li>
								<a href="#section-profile">团队简介 </a>
							</li>
							<li>
								<a href="#section-skill">服务范畴</a>
							</li>
							<li>
								<a href="#section-resume">服务流程</a>
							</li>
							<li>
								<a href="#section-testimonial">UI欣赏 </a>
							</li>
							<li>
								<a href="#section-contact">联系我们 </a>
							</li>
						</ul>
						
						<div class="navbar_rla">
						</div>
					</div>
					<!-- /.navbar-collapse -->
				</div>
				<!-- /.container-fluid -->
			</div>
		</section>
		<!-- section menu end -->
		<section id="section-overview" class="section-padding">
			<div class="container">
				<div class="row">
					<div class="service-wrapper">
						<div class="service-inner wow fadeInRight" data-wow-delay=".2s">
							<i class="fa fa-users"></i>
							<div class="service-box">
								<h3>团队故事</h3>
								<p>1024T团队成立于2016年，最初由一群痴迷于网络技术的年轻人组成。团队成员不惧风雨 ，砥砺前行,两年来致力于互联网产品的开发，为多家公司提供优质的服务。
								我们的努力  源于热爱,而热爱  造就非凡!</p>
								<p>
							</div>
						</div>
						<!-- service -inner  -->
						<div class="service-inner wow fadeInRight" data-wow-delay=".5s">
							<i class="iconfont icon-gongsilinian"></i>
							<div class="service-box">
								<h3>团队理念</h3>
								<p>
									用锁定的目标构想宏大蓝图<br/>
									用凝聚的信念冲破未知阻力<br/>
									用专业的技术提供优质服务<br/>
									用共同的力量造就丰盛成果<br/>
									志同道合 携手并进<br/>
									开拓前路
								</p>
							</div>
						</div>
						<!-- service -inner  -->
						<div class="service-inner wow fadeInRight" data-wow-delay=".8s">
							<i class="iconfont icon-gongsizongzhi-"></i>
							<div class="service-box">
								<h3>团队宗旨</h3>
								<p>客户至上，服务第一<br/>
								技术走心，您们放心<br/>
								我们的目标是星辰大海</p>
							</div>
						</div>
						<!-- service -inner  -->
						<div class="service-inner wow fadeInRight" data-wow-delay="1.1s">
							<i class="fa fa-globe"></i>
							<div class="service-box">
								<h3>服务范围</h3>
								<p>微信小程序及微信公众号开发、网站开发、软件开发、APP开发、logo设计、UI设计、H5设计等</p>
							</div>
						</div>
						<!-- service -inner  -->
					</div>
				</div>
				<!-- row end -->
			</div>
		</section>
		<!-- section overview end -->
		<!-- section profile start -->
		<section id="section-profile" class="section-padding">
			<div class="profile-bg visible-md visible-lg"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-7 col-sm-12 pull-right">
						<div class="profile-desc wow fadeInRight">
							<h2 class="section-title uppercase">1024T，一个您正好需要的技术团队。</h2>
							<br/>
							<p>
								*我们是一个专注于技术的团队。我们有年轻的战斗力，为您提供最扎实最轻快的产品，快速打响您的品牌。
							</p>
							<br/>

							<p class="text-grey animated bounceInUp" style="opacity: 1;">
								*我们是一群对互联网狂热且有实力的人，在一次次挑战中摸索前行，用努力与坚持迎来成果。
							</p>
							<br/>
							<p class="text-grey animated bounceInUp" style="opacity: 1;">
								*遇见即是缘分。您正好需要，我们正好专业！
							</p>
						</div>
					</div>
				</div>
				<!-- row end -->
			</div>
			<!-- container end -->
		</section>
		<!-- section profile end -->
		<!-- section skill start -->
		<section id="section-skill" class="section-padding">
			<div class="container">
				<div class="row clearfix">
					<div class="col-md-12">
						<h2 class="heading-title">服务范畴</h2>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 wow fadeInRight clearfix">
						<div class="skill-box wow fadeInDown" data-wow-delay=".2s">
							<label> 微信开发支持</label>
							<div class="progress">
								<div class="progress-bar" role="progress-bar" aria-valuemin="0" aria-valuenow="85" aria-valuemax="100" style="width: 85%;">
									85%
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 wow fadeInLeft clearfix">
						<div class="skill-desc">	
							<p>专业设计定制微信公众号与微信小程序，为您获取流量，轻松打下移动端的江山</p>
						</div>
					</div>	
					
					<div class="col-md-6 col-sm-6 col-xs-12 wow fadeInRight clearfix">
						<div class="skill-box wow fadeInDown" data-wow-delay=".4s">
							<label>品牌官网设计 </label>
							<div class="progress">
								<div class="progress-bar" role="progress-bar" aria-valuemin="0" aria-valuenow="85" aria-valuemax="100" style="width: 85%;">
									85%
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 wow fadeInLeft clearfix">
						<div class="skill-desc">	
							<p>为企业集团提供优质的网站品牌形象，高效实现商业价值</p>
						</div>
					</div>	
					
					<div class="col-md-6 col-sm-6 col-xs-12 wow fadeInRight clearfix">
						<div class="skill-box wow fadeInDown" data-wow-delay=".6s">
							<label> UI平面设计</label>
							<div class="progress">
								<div class="progress-bar" role="progress-bar" aria-valuemin="0" aria-valuenow="85" aria-valuemax="100" style="width: 85%;">
									85%
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 wow fadeInLeft clearfix">
						<div class="skill-desc">	
							<p>网站Ui设计，logo设计等众多创意设计让您的品牌脱颖而出，超群绝伦</p>
						</div>
					</div>	
					
					<div class="col-md-6 col-sm-6 col-xs-12 wow fadeInRight clearfix">
						<div class="skill-box wow fadeInDown" data-wow-delay=".8s">
							<label> 安卓app定制 </label>
							<div class="progress">
								<div class="progress-bar" role="progress-bar" aria-valuemin="0" aria-valuenow="85" aria-valuemax="100" style="width: 85%;">
									85%
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 wow fadeInLeft clearfix">
						<div class="skill-desc">	
							<p>热爱造就发烧友，1024T众多技术大牛为您提供耐心专业、精益求精的安卓app定制服务</p>
						</div>
					</div>	
					
				</div>	
			</div>			
		</section>
		<!-- section skill End -->
		<!-- Resume start -->
		<section id="section-resume" class="section-padding">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center wow fadeInUp">
						<h2 class="heading-title">服务流程</h2>
						<p>负责到底的服务，一站到位的流程</p>
						<p>1024T细致清晰的服务流程，是让您放心的根本</p>
					</div>
				</div>
			</div>
		</section>
		<section id="resume-details" class="section-padding">
			<div class="container">

				<div class="row">
					<div class="timeline-centered">
						<article class="timeline-entry">
							<div class="timeline-entry-inner">
								<div class="timeline-icon bg-success">
									<i class="entypo-feather"></i>
								</div>
								<div class="timeline-label">
									<h3 class="resume-title">提交要求</h3>
									<p>由客户提交项目的具体要求，需要实现的功能，以及页面风格等</p>
								</div>
							</div>
						</article>
						<article class="timeline-entry">
							<div class="timeline-entry-inner">
								<div class="timeline-icon bg-secondary">
									<i class="entypo-suitcase"></i>
								</div>
								<div class="timeline-label">
									<h3 class="resume-title">签署合作协议</h3>
									<p>在了解需求后，双方进行合作协议的签署</p>
								</div>
							</div>
						</article>
						<article class="timeline-entry">
							<div class="timeline-entry-inner">
								<div class="timeline-icon bg-info">
									<i class="entypo-location"></i>
								</div>
								<div class="timeline-label">
									<h3 class="resume-title">安排项目组</h3>
									<p>根据提交的需求选取最适合的项目组为客户进行服务</p>
								</div>
							</div>
						</article>
						<article class="timeline-entry">
							<div class="timeline-entry-inner">
								<div class="timeline-icon bg-warning">
									<i class="entypo-camera"></i>
								</div>
								<div class="timeline-label">
									<h3 class="resume-title">设计师出图</h3>
									<p>重新确定客户的需求分析，并根据需求分析规划出项目的内容板块草图，再根据草图制成效果图</p>
								</div>
							</div>
						</article>
						<article class="timeline-entry">
							<div class="timeline-entry-inner">
								<div class="timeline-icon bg-start">
									<i class="entypo-feather"></i>
								</div>
								<div class="timeline-label">
									<h3 class="resume-title">进行项目开发</h3>
									<p>项目组根据设计师的效果图与客户的需求进行项目开发</p>
								</div>
							</div>
						</article>
						<article class="timeline-entry">
							<div class="timeline-entry-inner">
								<div class="timeline-icon bg-success">
									<i class="entypo-suitcase"></i>
								</div>
								<div class="timeline-label">
									<h3 class="resume-title">测试组测试</h3>
									<p>为了保证项目的质量，在项目组开发完毕后，由测试组检验项目的各方面性能</p>
								</div>
							</div>
						</article>
						<article class="timeline-entry">
							<div class="timeline-entry-inner">
								<div class="timeline-icon bg-secondary">
									<i class="entypo-location"></i>
								</div>
								<div class="timeline-label">
									<h3 class="resume-title">客户检验</h3>
									<p>测试组检测项目各方面性能无误后交由客户检验。</p>
								</div>
							</div>
						</article>
						<article class="timeline-entry">
							<div class="timeline-entry-inner">
								<div class="timeline-icon bg-info">
									<i class="entypo-camera"></i>
								</div>
								<div class="timeline-label">
									<h3 class="resume-title">全部确认</h3>
									<p>我方公司与客户对项目进行全部确认，并且项目不再改动</p>
								</div>
							</div>
						</article>
						<article class="timeline-entry">
							<div class="timeline-entry-inner">
								<div class="timeline-icon bg-warning">
									<i class="entypo-camera"></i>
								</div>
								<div class="timeline-label">
									<h3 class="resume-title">项目上线</h3>
									<p>全部确认后进行项目上线</p>
								</div>
							</div>
						</article>
						<article class="timeline-entry begin">
							<div class="timeline-entry-inner">
								<div class="timeline-icon" style="-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);">
									<i class="entypo-flight"></i> +
								</div>
							</div>
						</article>
					</div>
				</div>
			</div>
		</section>
		<!-- Resume end -->
		<!-- section testimonial start -->
		<!--<!--客户留言 -->
	<section id="section-testimonial" class="section-padding">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center wow fadeInUp">
						<div class="section-heading">
							<h2 class="heading-title">UI欣赏</h2>
							<p>一路浏览下来，应该很累了吧...来欣赏经过我们的ui设计师修改过的作品,让您的眼睛休息会儿...</p>
						</div>
					</div>
				</div>
			</div>
	</section>
		<section id="section-portfolio" class="section-padding">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-sm-4">
						<div class="portfolio-box">
							<img src="images/portfolio/portfolio_pic1.jpg" alt="" class="img-responsive">
							<div class="image-overlay text-center">
								<a href="images/portfolio/portfolio_pic1.jpg" data-rel="prettyPhoto"><i class="fa fa-arrows-alt"></i></a>
							</div>
						</div>
					</div>
					<!-- col-md-4 end -->
					<div class="col-md-4 col-sm-4">
						<div class="portfolio-box">
							<img src="images/portfolio/portfolio_pic2.jpg" alt="" class="img-responsive">
							<div class="image-overlay text-center">
								<a href="images/portfolio/portfolio_pic2.jpg" data-rel="prettyPhoto"><i class="fa fa-arrows-alt"></i></a>
							</div>
						</div>
					</div>
					<!-- col-md-4 end 3step-->
					<div class="col-md-4 col-sm-4">
						<div class="portfolio-box">
							<img src="images/portfolio/portfolio_pic3.jpg" alt="" class="img-responsive">
							<div class="image-overlay text-center">
								<a href="images/portfolio/portfolio_pic3.jpg" data-rel="prettyPhoto"><i class="fa fa-arrows-alt"></i></a>
							</div>
						</div>
					</div>
					<!-- col-md-4 end -->
					<div class="clearfix"></div>
					<div class="col-md-4 col-sm-4">
						<div class="portfolio-box">
							<img src="images/portfolio/portfolio_pic4.jpg" alt="" class="img-responsive">
							<div class="image-overlay text-center">
								<a href="images/portfolio/portfolio_pic4.jpg" data-rel="prettyPhoto"><i class="fa fa-arrows-alt"></i></a>
							</div>
						</div>
					</div>
					<!-- col-md-4 end -->
					<div class="col-md-4 col-sm-4">
						<div class="portfolio-box">
							<img src="images/portfolio/portfolio_pic5.jpg" alt="" class="img-responsive">
							<div class="image-overlay text-center">
								<a href="images/portfolioportfolio_pic5.jpg" data-rel="prettyPhoto"><i class="fa fa-arrows-alt"></i></a>
							</div>
						</div>
					</div>
					<!-- col-md-4 end 6 step -->
					<div class="col-md-4 col-sm-4">
						<div class="portfolio-box">
							<img src="images/portfolio/portfolio_pic6.jpg" alt="" class="img-responsive">
							<div class="image-overlay text-center">
								<a href="images/portfolio/portfolio_pic6.jpg" data-rel="prettyPhoto"><i class="fa fa-arrows-alt"></i></a>
							</div>
						</div>
					</div>
					<!-- col-md-4 end -->
					<div class="clearfix"></div>
					<div class="col-md-4 col-sm-4">
						<div class="portfolio-box">
							<img src="images/portfolio/portfolio_pic7.jpg" alt="" class="img-responsive">
							<div class="image-overlay text-center">
								<a href="images/portfolio/portfolio_pic7.jpg" data-rel="prettyPhoto"><i class="fa fa-arrows-alt"></i></a>
							</div>
						</div>
					</div>
					<!-- col-md-4 end -->
					<div class="col-md-4 col-sm-4">
						<div class="portfolio-box">
							<img src="images/portfolio/portfolio_pic8.jpg" alt="" class="img-responsive">
							<div class="image-overlay text-center">
								<a href="images/portfolio/portfolio_pic8.jpg" data-rel="prettyPhoto"><i class="fa fa-arrows-alt"></i></a>
							</div>
						</div>
					</div>
					<!-- col-md-4 end -->
					<div class="col-md-4 col-sm-4">
						<div class="portfolio-box">
							<img src="images/portfolio/portfolio_pic9.jpg" alt="" class="img-responsive">
							<div class="image-overlay text-center">
								<a href="images/portfolio/portfolio_pic9.jpg" data-rel="prettyPhoto"><i class="fa fa-arrows-alt"></i></a>
							</div>
						</div>
					</div>
					<!-- col-md-4 end -->
				</div>
			</div>
		</section>
		<!-- section portfolio endt -->
		<!-- section contact start -->
		<section id="section-contact" class="section-padding">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h2 class="heading-title">联系我们</h2>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 col-sm-6 wow fadeInRight clearfix">
						<div class="contact-left center-block">
							<div class="location">
								<p>刘先生:</p>
								<p><i class="iconfont icon-weibiaoti--"></i>电话:17371242604</p>
								
								<p><i class="iconfont icon-icon4"></i>微信:17771712582</p>
								
								<p><i class="iconfont icon-qq"></i>qq:2672717791</p>
								<p><button type="button" class="btn btn-primary"><a href="tencent://message/?uin=2672717791&Site=&Menu=yes">联系我们</a></button></p>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 wow fadeInLeft center-block">
						<div class="contact-left center-block">
						
							<div class="location">
								<p>明先生:</p>
								<p><i class="iconfont icon-weibiaoti--"></i>电话:13027149812</p>
								<p><i class="iconfont icon-icon4"></i>微信:w1728832238</p>
								<p><i class="iconfont icon-qq"></i>qq:1339226452</p>
								<p><button type="button" class="btn btn-primary"><a href="tencent://message/?uin=2672717791&Site=&Menu=yes">联系我们</a></button></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- section contact end -->
		<footer id="section-footer">
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center">
						<ul class="socail-link list-inline">
							<li>
								<a href="https://www.baidu.com/"><i class="iconfont icon-baidu"></i></a>
							</li>
							<li>
								<a href="http://www.sohu.com/"><i class="iconfont icon-souhu"></i></a>
							</li>
							<li>
								<a href="https://www.sina.com.cn/"><i class="iconfont icon-xinlang"></i></a>
							</li>
							<li>
								<a href="http://www.iqiyi.com/"><i class="iconfont icon-aiqiyi"></i></a>
							</li>
						</ul>
						<h4>Copyright &copy; 1024T 2016 All rights reserved </h4>
					</div>
				</div>
			</div>
		</footer>
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="https://ajax.useso.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<!-- initialize jQuery Library -->
		<script type="text/javascript" src="js/jquery.js"></script>
		<!-- Bootstrap jQuery -->
		<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
		<!-- PrettyPhoto -->
		<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
		<!-- Wow Animation -->
		<script type="text/javascript" src="js/wow.min.js"></script>
		<!-- singlepagenav -->
		<script src="js/jquery.singlePageNav.js"></script>
		<!-- Eeasing -->
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<!-- Sticky Menu -->
		<script src="js/jquery.sticky.js"></script>
		<script src="contact/jqBootstrapValidation.js"></script>
		<script src="contact/contact_me.js"></script>
		<script type="text/javascript" src="js/custom.js"></script>
		<script>
			$(".main-nav").sticky();
		</script>
		<script>
			new WOW().init();
		</script>
	</body>
</html>
